<template>
    <div>
        <div class="tui-jian">周末去哪</div>
        <ul>
            <li class="item border-bottom" v-for="item of list" :key="item.id">
                <div class="item-wapper">
                    <img class="item-img" 
                    :src="item.imgUrl" alt="item.desc">
                </div>
                <div class="item-info">
                    <!-- 天门票【非景区窗口取票】 -->
                    <p class="item-title">{{item.title}}</p>
                    <p class="item-desc">{{item.desc}}</p>
                </div>

            </li>
        </ul>
    </div>
</template>

<script>
export default {
  name:'homeweeked',
  props: {
      list:Array
  },
  data(){
      return{


      }
     
  },
  components: {
   
  }
}
</script>

<style lang="stylus" scoped>
       @import '~styles/min.styl'
       .tui-jian
            line-height .8rem
            background #eee
            text-indent .2rem 
        .item-wapper
          height 0
          overflow hidden
          padding-bottom 37.1%
        .item-img
            width 100%
            padding .1rem
        .item-info
            padding .1rem
            min-width 0
            .item-title
                line-height .54rem
                font-style .32rem 
                ellpsis()
               .item-desc
                 line-height .4rem
                 color #eee
</style>


